<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Header - Opinion That Counts</title>

<!-- JS -->
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/tabs.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<script src="js/jquery.columnizer.min.js"></script>

<!-- Isotope -->
<script src="js/jquery.isotope.min.js"></script>

<!-- Lof slider -->
<script src="js/jquery.easing.js"></script>
<script src="js/lof-slider.js"></script>
<link rel="stylesheet" href="css/lof-slider.css" media="all" />
<!-- ENDS slider -->

<!-- Tweet -->
<link rel="stylesheet" href="css/jquery.tweet.css" media="all" />
<script src="js/tweet/jquery.tweet.js"></script>
<!-- ENDS Tweet -->

<!-- superfish -->
<link rel="stylesheet" media="screen" href="css/superfish.css" />
<script src="js/superfish-1.4.8/js/hoverIntent.js"></script>
<script src="js/superfish-1.4.8/js/superfish.js"></script>
<script src="js/superfish-1.4.8/js/supersubs.js"></script>
<!-- ENDS superfish -->

<!-- prettyPhoto -->
<script src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css"
	media="screen" />
<!-- ENDS prettyPhoto -->

<!-- poshytip -->
<link rel="stylesheet"
	href="js/poshytip-1.1/src/tip-twitter/tip-twitter.css" />
<link rel="stylesheet"
	href="js/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css" />
<script src="js/poshytip-1.1/src/jquery.poshytip.min.js"></script>
<!-- ENDS poshytip -->

<!-- JCarousel -->
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" media="screen" href="css/carousel.css" />
<!-- ENDS JCarousel -->

<!-- GOOGLE FONTS -->
<link href='css/fontsgoogleapis.css'
	rel='stylesheet' type='text/css'>

<!-- modernizr -->
<script src="js/modernizr.js"></script>

<!-- SKIN -->
<link rel="stylesheet" media="all" href="css/skin.css" />

<!-- Less framework -->
<link rel="stylesheet" media="all" href="css/lessframework.css" />

<!-- jplayer -->
<link href="player-skin/jplayer-black-and-yellow.css" rel="stylesheet"
	type="text/css" />
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>

<!-- flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<script src="js/jquery.flexslider.js"></script>
</head>
<body>


	<!-- HEADER -->
	<header>
	<div class="wrapper cf">
		<div id="logo">
			<a href="jsp/Main/HomePage.jsp"><img src="img/logo.png"
				alt="Simpler"></a>
		</div>

		<!-- nav -->
		<ul id="nav" class="sf-menu">
			<li id="home"><a href="jsp/Main/HomePage.jsp">HOME</a></li>
			<li id="movies"><a>MOVIES</a>
				<ul>
					<li><a href="jsp/Movies/Movies-Bollywood/HomeBollywood.jsp">BOLLYWOOD</a></li>
					<li><a href="jsp/Movies/Movies-Hollywood/HomeHollywood.jsp">HOLLYWOOD</a></li>
					<li><a href="jsp/Movies/Movies-Tollywood/HomeTollywood.jsp">TOLLYWOOD</a></li>
				</ul></li>
			<li id="technology"><a href="jsp/Technology/Technology.jsp">TECHNOLOGY</a></li>
			<li id="politics"><a href="jsp/Politics/Politics.jsp">POLITICS</a></li>
			<li id="our team"><a href="jsp/Main/OurTeam.jsp">OUR TEAM</a></li>
			<li id="contact"><a href="jsp/Main/ContactUs.jsp">CONTACT</a></li>
		</ul>
		<div id="combo-holder"></div>
		<!-- ends nav -->

	</div>
	</header>
	<!-- ENDS HEADER -->

</body>
</html>